<!DOCTYPE html>
<html lang="en">
<head>
	<title>芒果头条</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico"/>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="/static/css/font-awesome.min.css">
	<link rel="stylesheet" href="/static/css/owl.carousel.min.css">
	<link rel="stylesheet" href="/static/css/animate.min.css">
	<link rel="stylesheet" href="/static/css/jquery-ui.css">
	<link rel="stylesheet" href="/static/css/slick.css">
	<link rel="stylesheet" href="/static/css/chosen.min.css">
	<link rel="stylesheet" href="/static/css/pe-icon-7-stroke.css">
	<link rel="stylesheet" href="/static/css/magnific-popup.min.css">
	<link rel="stylesheet" href="/static/css/lightbox.min.css">
	<link rel="stylesheet" href="/static/js/fancybox/source/jquery.fancybox.css">
	<link rel="stylesheet" href="/static/css/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="/static/css/mobile-menu.css">
	<link rel="stylesheet" href="/static/fonts/flaticon/flaticon.css">
	<link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/icon/iconfont.css">
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/common.js"></script>

    

    
</head>
<body class="inblog-page">




    

    <header class="header style7">
		<div class="top-bar">
			<div class="container">
				<div class="top-bar-left">
					<div class="header-message">
                        欢迎进入 芒果头条！

					</div>
				</div>
				<div class="top-bar-right">

					<ul class="header-user-links">
                    

					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="main-header">
				<div class="row">
					<div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element">
						<div class="logo">
							<a href="index.html">
								<img src="/static/images/mangguologo.png" alt="img">
							</a>
						</div>
					</div>
					<div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12">
						<div class="block-search-block">
							<form class="form-search form-search-width-category" action="/search/" method="get">
								<div class="form-content">
									<div class="inner">
										<input type="text" class="input" name="q" value="" placeholder="搜索站内资讯">
									</div>
									<button class="btn-search" type="submit">
										<span class="icon-search"></span>
									</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-nav-container">
			<div class="container">
				<div class="header-nav-wapper main-menu-wapper">

					<div class="header-nav">
						<div class="container-wapper">
							<ul class="teamo-clone-mobile-menu teamo-nav main-menu " id="menu-main-menu">
                                
                                    <li class="menu-item m-active">
                                        <a  style="font-weight: normal;font-size: 16px;" href="/news_tech/" class="teamo-menu-item-title">科技</a>
                                    </li>
                                
                                    <li class="menu-item m-active">
                                        <a  style="font-weight: normal;font-size: 16px;" href="/news_ amus/" class="teamo-menu-item-title">娱乐</a>
                                    </li>
                                
                                    <li class="menu-item m-active">
                                        <a  style="font-weight: normal;font-size: 16px;" href="/news_game/" class="teamo-menu-item-title">游戏</a>
                                    </li>
                                
                                    <li class="menu-item m-active">
                                        <a  style="font-weight: normal;font-size: 16px;" href="/news_sport/" class="teamo-menu-item-title">体育</a>
                                    </li>
                                




								<li class="menu-item">
									<a style="font-weight: normal;font-size: 16px;" href="/about/" class="teamo-menu-item-title"  >更多</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>






    

        <div class="main-content main-content-blog list left-sidebar">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-trail breadcrumbs">
						<ul class="trail-items breadcrumb">

						</ul>
					</div>
				</div>
			</div>
			<div class="row">
                
    <div class="content-area content-blog col-lg-9 col-md-8 col-sm-12 col-xs-12">
        <div class="site-main">
            <h3 class="custom_blog_title">
                新闻列表
            </h3>

            <div class="blog-list list-style">

                
                    <div class="blog-item">
                    <div class="post-format">
                        <a href="/detail/1">
                            <img src="http://192.168.63.128:8888/group1/M00/00/00/wKgVjV_jT7GAO7pxAAPUTVc4GU8518.png" alt="img">

                        </a>
                    </div>
                    <div class="post-info">
                        <div class="category-blog">
                            <a href="#">软件</a>
                        </div>
                        <h3 class="post-title">
                            <a href="/detail/1">下一代“微信”，华为制造？</a>
                        </h3>

                        <div class="author-view">
                            <div class="author">
                                <div class="avt">
                                    <img src="/static/images/avt-blog1.png" alt="img">
                                </div>
                                <h3 class="name">
                                    微末数码
                                </h3>
                            </div>
                            <div class="review">
                                <div class="view">
                                    <span class="icon-view">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        631
                                    </span>
                                </div>
                                <div class="s-comments">
                                    <span class="icon-cmt">
                                        <i class="fa fa-commenting" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        82
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                    <div class="blog-item">
                    <div class="post-format">
                        <a href="/detail/2">
                            <img src="http://192.168.63.128:8888/group1/M00/00/00/wKgVjV_jUFqAYzZbAAFNF-5NQK4351.png" alt="img">

                        </a>
                    </div>
                    <div class="post-info">
                        <div class="category-blog">
                            <a href="#">互联网</a>
                        </div>
                        <h3 class="post-title">
                            <a href="/detail/2">小米市值破千亿美元：进入上市以来最好阶段</a>
                        </h3>

                        <div class="author-view">
                            <div class="author">
                                <div class="avt">
                                    <img src="/static/images/avt-blog1.png" alt="img">
                                </div>
                                <h3 class="name">
                                    微末数码
                                </h3>
                            </div>
                            <div class="review">
                                <div class="view">
                                    <span class="icon-view">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        631
                                    </span>
                                </div>
                                <div class="s-comments">
                                    <span class="icon-cmt">
                                        <i class="fa fa-commenting" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        82
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                    <div class="blog-item">
                    <div class="post-format">
                        <a href="/detail/3">
                            <img src="http://192.168.63.128:8888/group1/M00/00/00/wKgVjV_jS6aAI-LEAApKa9Oyxtc820.png" alt="img">

                        </a>
                    </div>
                    <div class="post-info">
                        <div class="category-blog">
                            <a href="#">智能家居</a>
                        </div>
                        <h3 class="post-title">
                            <a href="/detail/3">智能家居新手入门，看这一篇就够了</a>
                        </h3>

                        <div class="author-view">
                            <div class="author">
                                <div class="avt">
                                    <img src="/static/images/avt-blog1.png" alt="img">
                                </div>
                                <h3 class="name">
                                    微末数码
                                </h3>
                            </div>
                            <div class="review">
                                <div class="view">
                                    <span class="icon-view">
                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        631
                                    </span>
                                </div>
                                <div class="s-comments">
                                    <span class="icon-cmt">
                                        <i class="fa fa-commenting" aria-hidden="true"></i>
                                    </span>
                                    <span class="count">
                                        82
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
            <div class="pagination clearfix style2">
                <div class="nav-link">

            
                    

            
                    
                        <a href="/list/1/1/" class="page-numbers  current ">1</a>
                    
                        <a href="/list/1/2/" class="page-numbers ">2</a>
                    

                    
                    
                        <a href="/list/1/2/" class="page-numbers"><i class="icon fa fa-angle-right" aria-hidden="true"></i></a>
                    
                </div>
            </div>
        </div>
    </div>




                


                <div class="sidebar sidebar-blog col-lg-3 col-md-4 col-sm-12 col-xs-12">
                <div class="wrapper-sidebar">

                    <div class="widget widget-categories">
                        <h3 class="widgettitle"></h3>
                        <ul class="list-categories">
                            <li><a href="#">全部</a></li>

                            
                                <li><a href="#">软件</a></li>
                            
                                <li><a href="#">互联网</a></li>
                            
                                <li><a href="#">智能家居</a></li>
                            

                        </ul>
                    </div>

                    <div class="widget widget-post">
                        <h3 class="widgettitle">热门新闻</h3>
                        <ul class="teamo-posts">
                            <li class="widget-post-item">
                                <div class="thumb-blog">
                                    <img src="/static/images/mayi.png" alt="img">
                                </div>
                                <div class="post-content">
                                    <div class="cat">
                                        <a href="#">Life Style</a>
                                    </div>
                                    <h5 class="post-title"><a href="#">蚂蚁集团全资控股蚂蚁借呗运营主体 <span>[...]</span></a></h5>
                                </div>
                            </li>
                            <li class="widget-post-item">
                                <div class="thumb-blog">
                                    <img src="/static/images/meituan.png" alt="img">
                                </div>
                                <div class="post-content">
                                    <div class="cat">
                                        <a href="#">Lookbook</a>
                                    </div>
                                    <h5 class="post-title"><a href="#">美团外卖换LOGO了？！网友：像山寨的 <span>[...]</span></a></h5>
                                </div>
                            </li>
                            <li class="widget-post-item">
                                <div class="thumb-blog">
                                    <img src="/static/images/xinpian.jpeg" alt="img">
                                </div>
                                <div class="post-content">
                                    <div class="cat">
                                        <a href="#">Street Style</a>
                                    </div>
                                    <h5 class="post-title"><a href="#">英国媒体：中国与世界格格不入，不懂他们为何要专门办芯片大学 <span>[...]</span></a></h5>
                                </div>
                            </li>

                        </ul>
                    </div>

                </div>
            </div>

            


			</div>
		</div>
	</div>
        

    



    
    

        <footer class="footer style7">
		<div class="container">
			<div class="container-wapper">

				<div class="footer-end">
					<div class="row">
						<div class="col-sm-12 col-xs-12">

							<div class="coppyright">Copyright © 2020.Company name All rights reserved.<span><a class="tight" href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备19055765号-1 </a></span>
</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

    
    



    <script src="/static/js/axios-0.18.0.min.js"></script>
	<script src="/static/js/jquery-1.12.4.min.js"></script>
	<script src="/static/js/jquery.plugin-countdown.min.js"></script>
	<script src="/static/js/jquery-countdown.min.js"></script>
	<script src="/static/js/bootstrap.min.js"></script>
	<script src="/static/js/owl.carousel.min.js"></script>
	<script src="/static/js/magnific-popup.min.js"></script>
	<script src="/static/js/isotope.min.js"></script>
	<script src="/static/js/jquery.scrollbar.min.js"></script>
	<script src="/static/js/jquery-ui.min.js"></script>
	<script src="/static/js/mobile-menu.js"></script>
	<script src="/static/js/chosen.min.js"></script>
	<script src="/static/js/slick.js"></script>
	<script src="/static/js/jquery.elevateZoom.min.js"></script>
	<script src="/static/js/jquery.actual.min.js"></script>
	<script src="/static/js/fancybox/source/jquery.fancybox.js"></script>
	<script src="/static/js/lightbox.min.js"></script>
	<script src="/static/js/owl.thumbs.min.js"></script>
	<script src="/static/js/jquery.scrollbar.min.js"></script>
	<script src="/static/js/frontend-plugin.js"></script>

    

        <script>
            function menu_over(ele) {

                ele.style.backgroundColor = 'lightgreen';
            }

            function menu_out(ele) {
                ele.style.backgroundColor = '';
            }


        </script>


    
</body>
</html>